<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS_id选择器</title>
  <style>
      #tiger {
          color: greenyellow;
      }
      #lion {
          color: red;
      }
      #porsche {
          color: blue;
      }
      #maserati {
          color: yellow;
      }
      #lamborghini {
          color: orange;
      }
      #elephant {
          color: pink;
      }
  </style>
</head>
<body>
<!--id选择器：
        作用：根据元素的id属性值进行选择
        语法：
        #id属性值 {
            属性名:属性值;
            属性名:属性值;
            .....
        }
        注意：
            id属性值：尽量用字母、数字、下划线、中划线进行定义,最好以字母开头、不要包含空格、区分大小写。
            一个页面中，id属性值不能重复 一个元素只能拥有一个id属性。
            一个元素可以同时拥有id和class属性。
-->
    <p id="tiger">老虎</p>
    <p id="lion">狮子</p>
    <p id="elephant">大象</p>
    <p id="porsche">保时捷</p>
    <p id="maserati">玛莎拉蒂</p>
    <p id="lamborghini">兰博基尼</p>
</body>
</html>